<!DOCTYPE html>
<!--suppress ThymeleafVariablesResolveInspection -->
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Home</title>
    <link rel="stylesheet" th:href="@{../static/css/component.css}">
    <link rel="stylesheet" th:href="@{../static/css/admin.css}">
    <link rel="stylesheet" th:href="@{../static/css/font-awesome.min.css}">
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script th:src="@{../static/js/JQuery2.1.4.js}"></script>
    <script th:src="@{../static/js/common.js}"></script>
</head>

<body>
<div class="rbody" id="app">
    <div class="top">
        当前位置：后台<i class="fa fa-fw fa-angle-right"></i>赛事进程
    </div>
    <div class="main">
        <div class="tabList">
            <span ><a style="text-decoration:none;color: black;" th:href="@{../event/event_process(pageNum=1,status=1)}">待开始</a></span>
            <span ><a style="text-decoration:none;color: black;" th:href="@{../event/event_process(pageNum=1,status=2)}">进行中</a></span>
            <span ><a style="text-decoration:none;color: black;" th:href="@{../event/event_process(pageNum=1,status=3)}">已结束</a></span>
        </div>
        <div class="table-responsive">
            <table class="table table-striped ">
                <tr>
                    <th>赛事ID</th>
                    <th>赛事名称</th>
                    <th>赛事负责人</th>
                    <th>负责人电话</th>
                    <th>赛事开始时间</th>
                    <th>赛事结束时间</th>
                    <th>赛事状态</th>
                    <th>操作</th>
                </tr>
                <tr th:each="event:${page.records}">
                    <td  th:text="${event.EventId}"></td>
                    <td th:text="${event.EventName}"></td>
                    <td th:text="${event.EventPrincipal}"></td>
                    <td th:text="${event.PrincipalPhone}"></td>
                    <td th:text="${#dates.format(event.EventStartTime,'yyyy-MM-dd')}"></td>
                    <td th:text="${#dates.format(event.EventEndTime,'yyyy-MM-dd')}"></td>
                    <td th:text="${event.EventStatus}"></td>
                    <td>
                        <button type="button">
                            <a th:href="@{../event/eventInformation1(EventId=${event.EventId})}">进入</a>
                        </button>
                    </td>
                </tr>
            </table>
            <ul class="pagination" style="float: right;">
                <li class=""th:classappend="${page.current == 1} ? 'disabled' : '' ">
                    <a th:href="@{../event/event_process(pageNum=${page.current}-1,status=${status})}">&laquo;</a>
                </li>
                <li class=""th:classappend="${page.current == i} ? 'active' : '' " th:each="i:${#numbers.sequence(1,page.pages)}">
                    <a th:href="@{../event/event_process(pageNum=${i},status=${status})}"><span th:text="${i}"></span></a>
                </li>
                <li class=""th:classappend="${page.current == page.pages} ? 'disabled' : '' ">
                    <a th:href="@{../event/event_process(pageNum=${page.current}+1,status=${status})}">&raquo;</a>
                </li>
            </ul>
        </div>
    </div>
</div>
</div>

</body>

</html>